<template>
  <div class="about">
    <div class="">
      <h1>{{ route.params.member }}</h1>
      <p>{{ store.counter }}</p>
      <p>{{ store.doubleCount }}</p>
      <button @click.prevent="store.increment">Press me!</button>
    </div>
  </div>
</template>
<script>
import { useCounterStore } from '@/stores/counter'
import { useRoute, useRouter } from 'vue-router'

export default {
  setup () {
    const route = useRoute() // this.$route
    const router = useRouter() // this.$router
    const store = useCounterStore()

    router.push({
      hash: '#test'
    })
    return {
      route,
      store
    }
  }
}
</script>
